<div>
  <form class="form-horizontal" role="form" novalidate name="myForm">
    <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search" style="height:190px;" ng-class="{true: 'shou'}[!flag.state]">
        <div >
          <label style="width:70px">省公司</label>
          <md-select ng-model="sendData.provinceCodes" placeholder="全部">
            <md-option ng-value="" >全部</md-option>
            <md-option ng-value="item" ng-repeat="item in sendData.provinces" ng-mouseleave="mouseleave($event)">{{item.provinceName}}</md-option>
          </md-select>
        </div>
        <div>
        <md-input-container flex>
        <label >时间</label>
        <input   type="date"  required  name="time" ng-model="sendData.time"   time-date='date'>
        <div ng-messages="myForm.time.$error">
          <div ng-message="date">请正确输入时间</div>
          <div ng-message="required">必填</div>
          <div ng-message="too-great">时间必须小于当前时间</div>
        </div>
      </md-input-container>
      </div>
      </div>
      <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="flag.arrow" ng-click="flag.state = false"></i>
      <md-button ng-click="search(sendData)" class="md-fab md-primary md-hue-1" aria-label="Profile">
      <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;"  ng-show="!flag.state"></i>
      <i class="glyphicon glyphicon-search" ng-show="flag.state"></i>
      </md-button>
    </div>
  </form>
  <div class="table-info">
    <div class="menus" ng-show="flag.show === 'view' || flag.show === 'table' ">

      <md-button aria-label="列表" ng-click="changeTable()"  class="md-raised ico-btn">
        <img src="images/tables.png"></md-button>
      <md-button aria-label="图表" ng-click="changeView()" class="md-raised ico-btn">
        <img src="images/charts.png"></md-button>

      <form action="{{formPrefix}}" target="_black" method="post" style="display: initial;">
        <input type="hidden" name="data" value="{{flag.outData}}">
        <md-button type="submit" class="md-raised">导出Excel</md-button>
      </form>
    </div>
    <div ng-show="flag.show === 'view'">
      <div id="doc" style="height:450px;"></div>
    </div>
    <div ng-show="flag.show === 'table'">
      <div class="table-detail" >
        <div class="t_r">
          <table class="table table-bordered">
          <caption style="text-align:center;font-size:large;font-weight:bold;color:black">{{flag.title}}</caption>
          <thead>
            <tr>
              <th>账期</th>
              <th>省公司</th>
              <th>交易类型</th>
              <th>处理时长(MS)</th>
            </tr>
          </thead>
            <tbody>
              <tr ng-repeat="item in flag.items">
               <td>{{item.time}}</td>
               <td>{{item.provinceName}}</td>
               <td>{{item.ccBusinessName}}</td>
               <td>{{item.handlingTime}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>